Tabelas

Na web antiga muito da formatação da página era feita por tabelas.
Hoje em dia com uma CSS bem mais poderosa, o recurso de GRID e
especialmente pela tag <div> ela perdeu essa funcionalidade
devido aos recursos que os novos elementos possuem.

Tabelas estilizadas em HTML5

---------------------------------Tabela Estilo 1 (solid)---------------------------------
Linha 1 Coluna1 Linha 1 Coluna2 Linha 1 Coluna3
Linha 2 Coluna1 Linha 2 Coluna2 Linha 2 Coluna3
Linha 3 Coluna1 Linha 3 Coluna2 Linha 3 Coluna3


--------------------------------- Tabela Estilo 2(dotted) com Colspan---------------------------------
Linha1 Coluna1 Linha1 Coluna2-3 Linha1 Coluna4
Linha2 Coluna1 Linha2 Coluna2 Linha2 Coluna3 Linha2 Coluna4
Linha3 Coluna1 Linha3 Coluna2 Linha3 Coluna3 Linha3 Coluna4

---------------------------------Tabela Estilo 3(double) com Rowspan---------------------------------
Linha1 Coluna1 Linha1 Coluna2 Linha1 Coluna3 Linha1 Coluna4
Linha2 Coluna1 Linha2 Coluna2 Linha2 Coluna3 Linha2 Coluna4
Linha3 Coluna1 Linha3 Coluna3 Linha3 Coluna4
Linha4 Coluna1 Linha4 Coluna2 Linha4 Coluna3 Linha4 Coluna4

---------------------------------Tabela Estilo 4(groove) com Titulo---------------------------------
Título1 Título2 Título3
Linha 1 Coluna1 Linha 1 Coluna2 Linha 1 Coluna3
Linha 2 Coluna1 Linha 2 Coluna2 Linha 2 Coluna3
Linha 3 Coluna1 Linha 3 Coluna2 Linha 3 Coluna3

---------------------------------Tabela Estilo 5 - Puro HTML - Com Bordas e largura variavel definidas pelo Browser---------------------------------
tabelas com largura variável são alteradas2
automaticamente pelo browser

---------------------------------Tabela Estilo 6 - Puro HTML - Com Bordas e largura de 50% da página---------------------------------
tabelas com largura variável são alteradas2
automaticamente pelo browser

---------------------------------Tabela Estilo 7 - Puro HTML - Com Bordas e largura de 100% da página---------------------------------
tabelas com largura variável são alteradas2
automaticamente pelo browser

---------------------------------Tabela Estilo 7 - Puro HTML - Com Bordas e largura de 50% da página centrada na página---------------------------------
tabelas com largura variável são alteradas2
automaticamente pelo browser

---------------------------------Tabela Estilo 8 : Puro HTML4 - Determinando largura bordas com cellpadding(0) e cellspacing(0)---------------------------------
mês 01 mês 02 mês 03
mês 04 mês 05 mês 06

---------------------------------Tabela Estilo 9 : Puro HTML4 - Idêntica a de cima com Cellspacing(10)---------------------------------
mês 01 mês 02 mês 03
mês 04 mês 05 mês 06

---------------------------------Tabela Estilo 9 : Puro HTML4 - Idêntica a de cima com Cellspacing(10) e Cellspacing(10)---------------------------------
mês 01 mês 02 mês 03
mês 04 mês 05 mês 06

---------------------------------Tabela Estilo 10 : Estilo pela CSS - Bordas diferente para cada margem---------------------------------
mês 01 mês 02 mês 03
mês 04 mês 05 mês 06
---------------------------------Tabela Estilo 11 : Estilo pela CSS - Bordas diferente para cada margem---------------------------------
mês 01 mês 02 mês 03
mês 04 mês 05 mês 06